<!-- sass or line -->
<style type="text/css">

    .wap3{
        min-width: 320px;
        font-size: 12px;

    }
    .bg-fff{
        background-color: #fff;
    }
    .wap3-hade{
        color: #fff;
        height: 48px;
        background-color: #ff5000;
    }
    .wap3-hade-lr{
        width: 40px;
        text-align: center;

    }
    .wap3-search{
        position: relative;
        height: 30px;
        border-radius: 5px;
        background-color: #d42d00;
        margin:0 20px;
        padding: 0;
        background-color: #fff;
        border-radius: 15px;
        top: 5px;
        padding: 5px;
        color: #ccc;
        padding-left: 10px;
        font-size: 14px;
    }
    .wap3-search>input{
        width: 80%;
        height: 100%;
        color: #fff;
        padding-left: 40px;
        background-color: transparent;
    }


    .wap3-list{
        color: #666;
        text-align: center;
        padding-bottom: 17px;
        border-bottom: 1px solid #f2f2f2;

    }
    .wap-icon{
        width: 37px;
        height: 37px;
        background-size: contain;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        margin: 0 auto;
    }
    .wap3-headline{

        height: 33px;

    }
    .wap3-headline-1{
        width: 78px;
        height:100%;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(232, 232, 232);
    }
    .p0{
        padding: 0;
    }
    .wap3 .wap3-ad-top{

        margin: 0;
        padding: 10px 0px 0px 0px;

    }
    .wap3 .wap3-ad-top img{
        display: block;
    }
    .wap3 .wap3-ad{
        height: 160px;
        margin: 10px 0px;
        padding: 10px 0px;
        background-color: #fff;
    }
    .wap3 .wap3-ad>h3{
        color: #666;
        margin: 5px 0px 15px 15px;
    }

    .wap3-ad-1{
        width: 40%;
        height: 150px;

    }
    .wap3-ad-2{
        width: 60%;
        height: 150px;
    }
    .wap3-ad-3{
        height: 50%;
        height: 75px;
    }
    .wap3-ad-4{
        height: 50%;
        height: 75px;
    }

    .wap3-ad-5{
        width: 50%;
        height: 75px;

    }
    .wap3-ad-6{
        width: 50%;
        height: 75px;

    }
    .wap3-ad-1,.wap3-ad-2,.wap3-ad-3,.wap3-ad-5,.wap3-ad-6{
        background-repeat: no-repeat;
        background-position: center;
        background-size:100% 100%;
    }
    .wap3-ad-slide{
        height: 90px;
        padding: 0 10px;
    }
    .wap3-ad-slide>img{
        width: 150px;
        height: 90px;
        margin: 0 5px;
    }
    .wap3-ad-slide>a{
        width: 150px;
        height: 90px;
        margin: 0 5px;
    }
    .wap3-ad-slide>a>div{
        width: 150px;
        height: 90px;
    }
    #superList{
        height: 25px;
        -webkit-transition:-webkit-transform 0.7s;
    }

</style>

<ion-view hide-nav-bar="true" view-title="金策师-专业理财师服务平台，产品稳健，佣金超高">
    <ion-content class="wap3 wap3-center has-tabs" ng-class="{'wap3-ios-hade':platform.IOSAPP}">
        <!--search head -->
        <div class="wap3-hade row">
            <div class="wap3-hade-lr" ng-click="goInform()">
                <div><i class="icon ion-ios-information-outline"  style="font-size: 20px;"></i></div>
                <div style="margin-top:-5px">通知</div>
            </div>
            <div class="wap3-search col" ng-click="goSearch()">
                <i class="icon icon-search " ng-click="search.done()" style="color: #ccc;position: absolute;top: 4px;right: 15px;font-size: 25px;"></i>
                <div>请输入产品名称</div>
            </div>

        </div>
        <!-- 首页banner -->

        <ion-slide-box ng-if="homeBanner" active-slide="myActiveSlide" auto-play="true"   does-continue="true" >
          <ion-slide  ng-repeat="i in homeBanner">
            <a href="{{i.linkAddre | getAdUrl}}"><img ng-src="{{i.picAddre}}" width="100%"></a>
          </ion-slide>

        </ion-slide-box>

        <!-- 导航列表 -->
        <div class="wap3-list bg-fff">
            <div class="row">

                <!--<div class="col" ui-sref="app.product.miaodian">
                    <div class="wap-icon" style="background-image:url(https://www.superfa.cn/upload/bann/20151217/1450337501286hot.png)"></div>
                    <div>测试测</div>
                </div>-->

                <div class="col" ui-sref="product.thehot">
                    <div class="wap-icon" style="background-image:url(https://www.superfa.cn/upload/bann/20151217/1450337501286hot.png)"></div>
                    <div>热销产品</div>
                </div>

                <div class="col" ui-sref="product.list({type:'01'})">
                    <div class="wap-icon" style="background-image:url(https://static-superfa-cn.alikunlun.com//upload/bann/20151028/14460257051051.png)"></div>
                    <div>集合信托</div>
                </div>
                <div class="col" ui-sref="product.list({type:'02'})">
                    <div class="wap-icon" style="background-image:url(https://static-superfa-cn.alikunlun.com//upload/bann/20151028/14460257218202.png)"></div>
                    <div>集合资管</div>
                </div>
                <div class="col" ui-sref="product.list({type:'03'})">
                    <div class="wap-icon" style="background-image:url(https://static-superfa-cn.alikunlun.com//upload/bann/20151028/14460257814003.png)"></div>
                    <div>股权基金</div>
                </div>
            </div>
            <div class="row">
                <div class="col" ui-sref="product.list({type:'04'})">
                    <div class="wap-icon" style="background-image:url(https://static-superfa-cn.alikunlun.com//upload/bann/20151028/14460257961544.png)"></div>
                    <div>阳光私募</div>
                </div>

                <div class="col" ui-sref="product.list({type:'05'})">
                    <div class="wap-icon" style="background-image:url(https://www.superfa.cn/upload/bann/20160114/1452741492495hi.png)"></div>
                    <div>海外保险</div>
                </div>


                <div class="col" ui-sref="activity">
                    <div class="wap-icon" style="background-image:url(https://static-superfa-cn.alikunlun.com//upload/bann/20151028/14460258080575.png)"></div>
                    <div>最新活动</div>
                </div>
                <div class="col" ui-sref="app.super">
                    <div class="wap-icon" style="background-image:url(https://static-superfa-cn.alikunlun.com//upload/bann/20151028/14460258201186.png)"></div>
                    <div>资讯前沿</div>
                </div>
                <!--海外保险暂时隐藏，风险评测暂时放出来-->
                <!--<div class="col" ng-click="goCustomer()">-->
                    <!--<div class="wap-icon" style="background-image:url(https://static-superfa-cn.alikunlun.com//upload/bann/20151028/14460258307787.png)"></div>-->
                    <!--<div>风险测评</div>-->
                <!--</div>-->

                <!--<div class="col" ng-click="goLike()">
                    <div class="wap-icon" style="background-image:url(https://www.superfa.cn/upload/bann/20151028/14460258652228.png)"></div>
                    <div>&nbsp;</div>
                </div>-->
            </div>
        </div>
        <!-- 超级头条 -->
        <div class="wap3-headline row bg-fff">
            <div class="wap3-headline-1" style="background:url(https://www.superfa.cn/upload/bann/20151012/1444641052413chaojitoutiao.png) center/50px 13px no-repeat"></div>
            <div style="width:40px;background:url(https://www.superfa.cn/upload/bann/20151012/1444642431114tuijian.png) center/24px 16px no-repeat"></div>

            <div  style="line-height: 25px;overflow: hidden;width: 100%;position:absolute;height:25px;" >
                <div id="superList">
                    <a href="{{s.linkAddre | getAdUrl}}" ng-repeat="s in superList" style="color:#000;font-family:'微软雅黑';width:100%;display:block;height:25px;overflow:hidden">{{s.advertTitle}}</a>
                </div>
            </div>

        </div>
        <!-- 推荐位 -->
        <div class="wap3-ad-top row" >
                <a href="{{recommend[0].linkAddre | getAdUrl}}">
                <img width="100%"  ng-src="{{recommend[0].picAddre}}"></a>
                <div>
                    <a href="{{recommend[1].linkAddre | getAdUrl}}">
                    <img width="100%"  ng-src="{{recommend[1].picAddre}}"></a>
                    <div class="row p0">
                            <a href="{{recommend[2].linkAddre | getAdUrl}}"><img width="100%"  ng-src="{{recommend[2].picAddre}}"></a>
                            <a href="{{recommend[3].linkAddre | getAdUrl}}"><img width="100%"  ng-src="{{recommend[3].picAddre}}"></a>

                    </div>
            </div>
        </div>
        <!-- 广告位 -->
        <div class="wap3-ad" >
            <h3>高佣金</h3>
            <ion-scroll direction="x" ng-if="ad_1">
                <div class="row wap3-ad-slide"  style="width:{{150*ad_1.length}}px">
                    <a href="{{a1.linkAddre | getAdUrl}}" ng-repeat="a1 in ad_1">
                        <div  style="background-image:url({{a1.picAddre}});background-size: 100% 100%;"></div>
                    </a>
                </div>
            </ion-scroll>

        </div>
        <div class="wap3-ad">
            <h3>高收益</h3>
            <ion-scroll direction="x" ng-if="ad_2">
                <div class="row wap3-ad-slide"  style="width:{{150*ad_2.length}}px">
                    <a href="{{a2.linkAddre | getAdUrl}}" ng-repeat="a2 in ad_2">
                        <div  style="background-image:url({{a2.picAddre}});background-size: 100% 100%;"></div>
                    </a>
                </div>
            </ion-scroll>

        </div>
        <div class="wap3-ad">
            <h3>够安全</h3>
            <ion-scroll direction="x" ng-if="ad_3">
                <div class="row wap3-ad-slide"  style="width:{{150*ad_3.length}}px">
                     <a href="{{a3.linkAddre | getAdUrl}}" ng-repeat="a3 in ad_3">
                        <div  style="background-image:url({{a3.picAddre}});background-size: 100% 100%;"></div>
                    </a>
                </div>
            </ion-scroll>

        </div>
        <div class="wap3-ad" >
            <h3>期限短</h3>
            <ion-scroll direction="x" ng-if="ad_4">
                <div class="row wap3-ad-slide"  style="width:{{150*ad_4.length}}px">
                    <a href="{{a4.linkAddre | getAdUrl}}" ng-repeat="a4 in ad_4">
                        <div  style="background-image:url({{a4.picAddre}});background-size: 100% 100%;"></div>
                    </a>
                </div>
            </ion-scroll>

        </div>
    </ion-content>

</ion-view>
